<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script src="jQuery/jquery-3.3.1.min.js"></script>
</head>
<body>

用户名：<input type="text" id="username"><br>
密码：<input type="password" id="password"><br>
<button id="button01">提交</button>

</body>
<script>

    $("#button01").click(function () {

        let usernameVal = $("#username").val();
        let passwordVal = $("#password").val();

        $.ajax({
            url:"/user/insert",           // 请求路径
            type:"post",                  // 请求的方式，不区分大小写
            cache:false,                  // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
            contentType:"application/json;charset=utf-8",
            data: JSON.stringify({
                id: 1,
                username: usernameVal,
                password: passwordVal
            }),

            datatype:"json",        // 返回类型，text文本、html页面、json数据
            success:function(response){
                console.log("返回: " + response);
                console.log(response.code);
                if(response.code === 200) {
                    alert(response.msg);
                    //执行注册成功之后的流程，比如跳转登录页
                    console.log("成功返回: " + response);
                    // window.location.href = "/index02.html";
                }else{
                    alert(response.msg);
                    //出错，清空用户注册信息，重新注册。
                }
            },
            error:function(response){
                console.log("出错返回: " + response);
            }
        });
    })
</script>
</html>
